<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>系统管理首页</title>
  <!--    <link rel="stylesheet" href="css/main.css">-->
  <link th:href="@{ /css/bootstrap-4.6.2-dist/css/bootstrap.min.css}" rel="stylesheet">
  <!--    <link rel="stylesheet" href="../static/css/bootstrap-4.6.2-dist/css/bootstrap.min.css">-->
</head>
<body>
<div class="container">
  <div class="row text-center bg-black">
    <div class="col-2"><img src="/img/market.jpg" alt="" width="100%"></div>
    <div class="col-7 ">欢迎使用超市管理系统</div>
    <div class="col-2">当前用户:admin</div>
  </div>
  <div class="row" style="min-height: 400px;">
    <div class="col-2 bg-dark text-light">
      <li>
        <a href="/main"> 管理系统首页</a>
      </li>
      <li>
        <a href="/api/goods"> 商品首页</a>
      </li>
      <li class="m-2">
        <a href="/suppliers"> 管理供应商模块</a>
      </li>
      <li>
        <a href="/inventory/inventoryList"> 管理库存模块</a>
      </li>
    </div>

    <div class="col-10 pt-2">
      <p>目前现有供应商列表</p >
      <p th:text="${data}"></p >
      <!--                    <table class="table table-bordered">-->
      <!--                        <thead>-->
      <!--                        <th>序号</th>-->
      <!--                        <th>商品名</th>-->
      <!--                        <th>价格</th>-->
      <!--                        <th>数量</th>-->
      <!--                        <th>供应商</th>-->
      <!--                        <th>管理</th>-->
      <!--                        </thead>-->
      <!--                        <tbody>-->
      <!--                        <tr th:each="goods:${data}">-->
      <!--                            <td th:text="${goods.id}"></td>-->
      <!--                            <td th:text="${goods.name}"></td>-->
      <!--                            <td th:text="${goods.price}"></td>-->
      <!--                            <td th:text="${goods.quantity}"></td>-->
      <!--                            <td th:text="${goods.supplier}"></td>-->
      <!--                            <td>-->
      <!--                                <button class="btn btn-danger" onclick="del(${goods.id}})">删除</button>-->
      <!--                                <button class="btn btn-success">更新</button>-->
      <!--                            </td>-->
      <!--                        </tr>-->
      <!--                        </tbody>-->
      <!--                    </table>-->
      <!--                </div>-->
    </div>
    <div class="row text-center bg-black">
      @2023-2025 版权所有，违法必究
    </div>
  </div>

</div>
<!--<p>这是系统管理首页，欢迎登录</p >-->
<!--<tr th:each="user:${data}">-->
<!--    <td th:text="${user.name}"></td>-->
<!--    <td th:text="${user.password}"></td>-->
<!--</tr>-->
</body>
</html>
<script>
  function del(id){
    //     jquery的post方法ajax方法
    $.post("/api/goodsDelete",{"id":id},function(res){
      console.log(res)
    })
  }
</script>